<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
	</head>

	<body>
		<div id="wrap">
			<h3 class="title">信息完善</h3>
			<form class="content">
				<input class="phone" type="" name="" id="" value="" v-model="phoneNum" placeholder="请输入手机号" /><br />
				<input class="code" type="" name="" id="" value="" placeholder="请输入验证码" /><br />
				<input class="sure" type="button" name="" id="" value="确定" />
				<p class="have_code" v-show="haveCode" @click="havecodefun">获取验证码</p>
				<p class="time_code" v-show="timeCode"><span>60</span>S</p>
				<p class="have_code" v-show="againCode">重新发送</p>
			</form>
			<h6 class="sign">手机号是购买课程的唯一依据，请完善提交</h6>
		</div>
	</body>

</html>
<script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/basis.js" type="text/javascript" charset="utf-8"></script>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	window.onload = function() {
		var vm = new Vue({
			el: '#wrap',
			data: {
				phoneNum: '',
				timeCode: false,
				againCode: false,
				haveCode: true,
			},
			methods: {
				havecodefun: function() {
					var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
					if(myreg.test(this.phoneNum)) {
						this.http.post('', {

						}).then(function() {

						}, function() {

						})

					}

				}
			}
		})
	}
</script>